<div id="header">
    <div class="logo fl">
      <a href="index.html"><img src="assets/images/building.svg" alt="">滨湖卓越生态城规划建设数字化信息平台</a>
    </div>
    <div class="denglu fr">
     
      <a href="#">欢迎您，admin<img src="assets/images/user.svg" alt=""></a>
      <div class="clear"></div>
    </div>
    <div class="nav wp">
      <ul class="nav-ul">
        <li class="nav-active"><a href="#">首页</a></li>
        <li><a href="#">资源一张图</a></li>
        <li><a href="#">城市信息模型</a></li>
        <li><a href="#">数据可视化</a></li>
        <li><a href="#">用户中心</a></li>
        <div class="clear"></div>
      </ul>
    </div>
    <div class="clear"></div>
  </div>
  

  <!-- <slideshow [height]="height"
  [minHeight]="'525px'"
  [autoPlay]="true"
  [showArrows]="false"
  [imageUrls]="imageUrls"
  [lazyLoad]="imageUrls?.length > 1"
  [autoPlayWaitForLazyLoad]="true">
</slideshow> -->

  <div id="main">
    <div class="banner " >
        <div class="flexslider fafa">
            <ul class="slides">
                <li  class="slides-1">
                    <div class="slides-1-content">
                        <h1>空间规划  信息资源一张图</h1>
                      <div class="slides-1-label">查询</div>
                      <div class="slides-1-label">定位</div>
                      <div class="slides-1-label"style="width: 150px;">资源聚合</div>

                      <div class="slides-1-label"style="width: 150px;margin-top:20px;margin-right:40px">按需加载</div>
                      <div class="slides-1-label"style="width: 200px;margin-top:20px">项目全生命周期</div>
                    </div>
                    <div  class="slides-1-content">
                      <img src="assets/images/图层.svg" alt="" >
                    </div>
                  
                </li>
                <li style="">
                    <a href="#">ddddd</a> 	
                </li>
                <li style="">
                    <a href="#">ffff</a> 	
                </li>
                <li style="">
                    <a href="#">aaaa</a> 	
                </li>
            </ul>
            <div class="clear"></div>
        </div>	
    </div>
    <!-- banner -->
  
  
   
  
  
    
    <div class="shuju" style="background-image: url(assets/images/diandian.jpg);">
      <div class="wp">
        <div class="title-1" >
          <h2>数据概览</h2>
        </div>
      </div>
  
      <div class="shuju-list">
        <ul>
          <li>
            <a href="#">
           
              <div class="shuju-pic-wp">
                <div class="shuju-pic" style="background-color:#e1f3f8;color:#00a6d2">
                   项目数据 <span>20个</span>
                </div>
              
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              
              <div class="shuju-pic-wp">
                <div class="shuju-pic"  style="background-color:#fff1d2;color:#f39f19">
                   已征土地 <span>100亩</span>
                </div>
              
              </div>
           
            </a>
          </li>
          <li>
            <a href="#">
       
              <div class="shuju-pic-wp">
                <div class="shuju-pic"  style="background-color:#f8dede;color:#cd2026">
                  已供土地 <span>66亩</span>
                </div>
              
              </div>
            </a>
          </li>
          <li>
            <a href="#">
              
              <div class="shuju-pic-wp">
                <div class="shuju-pic"  style="background-color:#999999;">
                   查看更多 <span>></span>
                </div>
             
              </div>
          
            </a>
          </li>
         
          <div class="clear"></div>
        </ul>
      </div>
    
    </div><!-- shuju -->
  
  
  
  
    <div class="ziyuan">  
      <div class="wp">
        <div class="title-1">
          <!-- <div style="width: 10px;height: 30px;background-color: red;margin-left: 20px;"></div> -->
  
          <h2>模块导航</h2>
        </div>
      
        <div class="ziyuan-list">
          <ul>
            <li>
              <a href="#">
                <div class="ziyuan-pic-wp">
                  <div class="ziyuan-pic" >
                    <img src="assets/images/地图.svg" alt="">
                    <h2>信息资源一张图</h2>
                    一张图信息资源聚合轻应用……
                  </div>
                </div>
                <h1>立即进入</h1>
              </a>
            </li>
            <li>
              <a href="#">
                <div class="ziyuan-pic-wp">
                  <div class="ziyuan-pic">
                    <img src="assets/images/三维城市.svg" alt="">
                    <h2>城市信息模型</h2>
                    二三维一体化信息平台……
                  </div>
                </div>
                <h1>立即进入</h1>
              </a>
            </li>
            <li>
              <a href="#">
                <div class="ziyuan-pic-wp">
                  <div class="ziyuan-pic" >
                    <img src="assets/images/统计.svg" alt="">
                    <h2>统计数据可视化</h2>
                    园区动态，用数据说话……
                  </div>
                </div>
                <h1>立即进入</h1>
              </a>
            </li>
            <li>
              <a href="#">
                <div class="ziyuan-pic-wp">
                  <div class="ziyuan-pic">
                    <img src="assets/images/配置.svg" alt="">
                    <h2>偏好配置</h2>
                    用户自定义系统配置……
                  </div>
                </div>
                <h1>立即进入</h1>
              </a>
            </li>
          </ul>
        
      </div>
    </div>
    </div><!-- ziyuan -->
  
    
  
   
   
  
  </div>